<!doctype html>
<html>

<head>
    <title>Set Page Color Popup</title>
    <style>
        body {
            overflow: scroll;
            margin: 0px;
            padding: 0px;
            background: rgb(193, 170, 170);
            width: 250px;
        }

        div:first-child {
            margin-top: 0px;
        }

        .tab-item:hover {
            background: #aaaaaa;
        }

        .tab-item {
            background-color: rgb(255, 247, 0);
            width: 250px;
            height: 90px;
            margin: 10px auto;
            display: flex;
            align-items: center;
            justify-items: center;
            justify-content: flex-start;
        }

        .tab-item-leading-icon {
            width: 45px;
            height: 45px;
        }
        .tab-item-right{
            flex: 1;
            margin: auto;
            width: 0;
        }
        .tab-item-title {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
    </style>
    <script src="popup.js"></script>
</head>

<body>
    <button id="tab-header-btn">click Me</button>
    <div class="tab-item">
        <img src="xitu.svg" height="auto" class="tab-item-leading-icon" />
        <div class="tab-item-right">
            <p class="tab-item-title">管道在协程与协程之间打通一条传输数据的通道, 用于传输变量</p>
            <span>www.juejin.cn/p/14894</span>
        </div>
    </div>
    <div id="root">
    </div>
</body>

</html>